<script setup lang="ts">
import "./assets/pack-antv.css"
import 'element-plus/dist/index.css';
import "./assets/index.css"

import { PackAntvX6 } from "pack-antv-x6"

import Nifi from "./nifi";
import { ElConfigProvider } from "element-plus"
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import { IPackNifi } from './inter';
import { initNodeList } from './util';
//
import TitleEl from "./components/menu/title.vue"

const props = defineProps<IPackNifi.Props>()
const nifi = new Nifi(props);
// 初始化 NODELIST 数据
initNodeList(nifi);
// 初始化 menu
nifi.menu.resetTitle(TitleEl)
//
nifi.group.refresh();

</script>


<template>
    <ElConfigProvider :locale="zhCn">
        <PackAntvX6 class="nifi" :main="nifi" :id="nifi.currentId.value" ></PackAntvX6>
        <div style="display:none;">
            <div class="i-mingcute:power-fill"></div>
            <div class="i-lets-icons:stop"></div>
            <div class="i-fe:disabled"></div>
            <div class="i-svg-spinners:8-dots-rotate"></div>
            <div class="i-svg-spinners:pulse-rings-multiple"></div>
            <div class="i-fluent-color:warning-24"></div>
            <div class="i-mingcute:repeat-one-fill"></div>
            <div class="i-ph:lightning-slash-duotone"></div>
            <div class="i-icon-park-twotone:lightning"></div>
            <div class="i-si:play-duotone"></div>
            <div class="i-meteocons:code-red-fill"></div>
        </div>
    </ElConfigProvider>
</template>

<style>
body {
    color:#666;
}

.el-textarea {
    width:100%;
}

.el-tag {
    max-width:unset !important;
}
</style>